<template>
  <div class="customer-fifth">
    <el-tabs type="border-card">
      <el-tab-pane label="客户信息设置">
        <tab1 />
      </el-tab-pane>
      <el-tab-pane label="联系人信息设置">
        <tab2 />
      </el-tab-pane>
      <el-tab-pane label="商机信息设置">
        <tab3 />
      </el-tab-pane>
      <el-tab-pane label="合同信息设置">
        <tab4 />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup>
import tab1 from "./dialog/Tab1.vue";
import tab2 from "./dialog/Tab2.vue";
import tab3 from "./dialog/Tab3.vue";
import tab4 from "./dialog/Tab4.vue";
</script>
<style lang="scss" scoped>
.customer-fifth {
  :deep(.el-tabs__content) {
    box-sizing: border-box !important;
    height: calc(100vh - 245px);
  }
}
</style>
